$(document).ready(function () {
    initTable();
    $('#btnQuery').bind('click', btnQueryClick)
    $('#btnAdd').bind('click',btnAddClick);
    $('#btnSave').bind('click',btnSaveClick);

})

function btnSaveClick(){

    $.ajax({
        url:'http://test.org/sys/role/save',
        method:'get',
        dataType: 'json',
        success:function (data) {
            if(data.flag){
                initTable()
            }else{
                alert("保存失败")
            }
        }
    })
}

function btnAddClick() {
    $('#info').modal();
}

function btnQueryClick() {

    var query= {
        role_name: $('#roleNameForQuery').val(),
        is_used: $('#sltIsUsed').val()
    };

    console.log(query);

    initTable();

}

function initTable() {


    $.ajax({
        url: 'http://test.org/sys/role/list',
        method: 'get',
       /* data: {
            role_name: $('#roleNameForQuery').val(),
            is_used: $('#sltIsUsed').val()
        },*/
        dataType: 'json',
        success: function (data) {

            $('#list').bootstrapTable({
                data: data,
                columns: columns,
                toolbar:'#toolbar'
            })
        }
    })
}


var columns = [
    {
        checkbox: true
    },
    {
        field: 'role_name',
        title: '角色名称'
    }, {
        field: 'is_used',
        title: '是否启用',
        formatter: function (val, row, index) {

            if (val == '1') {
                return "启用";
            } else {
                return "禁用";
            }
        }
    }
]
